<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .basic-btn{
            border: none;
            cursor: pointer;
            background-color: transparent;
            padding: 5px 12px;
        }

        .basic-btn:hover{
            background-color: #ff7402;
            color: #fff;
            transition: .2s all;
        }

        .basic-btn.act{
            background-color: #ff7402;
            color: #fff;
        }
    </style>
</head>
<body>
<button class="basic-btn act">我的待办</button>
<button class="basic-btn">我的已办</button>
<button class="basic-btn">我发起的</button>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    $('.basic-btn').click(function (){
        $('.basic-btn').removeClass('act')
        $(this).addClass('act')
    })
</script>
</body>
</html>
